<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
      一、详情页处理
        1.1  大小图
          渲染，移入@mouseenter小图 对应切换大图的图片   (小图高亮 记录当前高亮索引)
        1.2  选择颜色
           v-for(选择xxxx) ,v-for(每个选择都会有多个选项。)   
        1.3  步进器
        给+ - 增加点击事件，通过参数区分+ - ，都是对stepNum进行修改。
        对-进行判断为1不能再减。
        1.4 面包屑组件
        显示导航的   （父传子）
        template  不解析标签，可以写指令
        1.5 tab切换，详情内容显示。
        增加一个变量，当true时先是A-tab ，否则显示B-tab
        如果是多个tab页，变量则为number型， 如果number为0 显示A-tab 
                                             number为1 显示B-tab 
                                             number为2 显示C-tab 
        后台返回的是富文本，需要解析标签，使用v-html
        replaceAll(查找字符串，替换的字符串)

    二、加入购物车
        点击，发送请求。
        逻辑以及代码流程 （ details.vue ->app.vue->topbar.vue)

     三、全部商品
     1. 套用格式
     2. 请求商品数据，给List传值。
     3. 请求get，传参  axios.get('url',{params:参数对象})
        （一定要学会检查network）
     4. 根据排序进行筛选
        4.1 渲染排序列表 ，增加变量实现高亮
        4.2 点击时得到当前的积分 ，进行筛选 调用接口
     5. 根据分类进行筛选
        5.1 渲染分类类别，增加变量实现高亮
         5.2 点击得到分类的id ，进行筛选 调用接口
    6. 根据关键字搜索
        6.1 获取文本框的值v-model,
        6.2 点击跳转到goods页面，传递参数keyword
        6.3 在goods页面接收keyword根据关键字筛选  
        6.4 增加监听watch，监听$route.query.keyword
            重新筛选请求接口。
    -->
</body>

</html>